<template>
  <div>
    <div class="an-row">
      <van-row gutter="120">
        <van-col span="8"
          ><img
            src="../assets/menu3.png"
            alt=""
            @click="$router.push(`/newList`)"
          />
          <p>新闻资讯</p></van-col
        >
        <van-col span="8"
          ><img
            src="../assets/menu4.png"
            alt=""
            @click="$router.push(`/tuwenjies`)"
          />
          <p>图片分享</p></van-col
        >
        <van-col span="8"
          ><img
            src="../assets/menu5.png"
            alt=""
            @click="$router.push(`/shangpin`)"
          />
          <p>商品展示</p></van-col
        >
      </van-row>
    </div>

    <div class="an-row">
      <van-row gutter="120">
        <van-col span="8"
          ><img src="../assets/menu6.png" alt="" />
          <p>留言反馈</p></van-col
        >
        <van-col span="8"
          ><img src="../assets/menu9.png" alt="" />
          <p>搜索资讯</p></van-col
        >
        <van-col span="8"
          ><img src="../assets/menu10.png" alt="" />
          <p>练习我们</p></van-col
        >
      </van-row>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.an-row {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  padding-top: 20px;

  img {
    width: 70px;
    height: 70px;
    display: flex;
  }
  p {
    margin-top: 10px;
  }
}
</style>